@charset "utf-8";
img {
    max-width: 100%
}

@font-face {
    font-family: 'GlowSansSC';
    src: url('GlowSansSC-Normal-Thin.otf');
}

.clear {
    clear: both
}

p {
    margin: 0
}

@font-face {
    font-family: 'ttRegular';
    src: url('tt.eot');
    src: local('tt Regular'), local('tt'), url('tt.woff') format('woff'), url('tt.ttf') format('truetype'), url('tt.svg#1') format('svg');
}

@font-face {
    font-family: 'syRegular';
    src: url('sy.eot');
    src: local('sy Regular'), local('sy'), url('sy.woff') format('woff'), url('sy.ttf') format('truetype'), url('sy.svg#1') format('svg');
}

@font-face {
    font-family: 'dhRegular';
    src: url('dh.eot');
    src: local('dh Regular'), local('dh'), url('dh.woff') format('woff'), url('dh.ttf') format('truetype'), url('dh.svg#1') format('svg');
}

.index_about {
    margin-top: 60px;
}

.index_about .about_left {
    float: left;
    width: 46%;
    background: url("../images/about_bg.png") bottom center no-repeat;
    background-size: 100% auto;
    overflow: hidden;
    height: 402px;
}

.index_about .about_left h1 {
    color: #e3e3e3;
    font-size: 30px;
    margin: 0px;
    font-weight: normal;
}

.index_about .about_left h2 {
    height: 45px;
    line-height: 40px;
    color: #d70d1b;
    font-size: 30px;
    font-weight: normal;
    margin: 5px auto;
}

.index_about .about_left i {
    display: block;
    width: 50px;
    height: 1px;
    background: #c3c3c3;
    margin: 15px 0px;
}

.index_about .about_left p {
    margin: 20px 0px;
    font-size: 1.5em;
    width: 70%;
    line-height: 30px;
    color: #808080;
    font-weight: normal;
}

.index_about .about_left a {
    display: block;
    width: 120px;
    height: 39px;
    text-align: center;
    line-height: 40px;
    margin-top: 30px;
    font-size: 14px;
    border: 1px solid #d4d2d3;
    color: #666465;
}

.index_about .about_right {
    float: right;
    width: 53%;
}

.index_about .about_right .about_video img {
    width: 100%;
}

@media only screen and (max-width: 1200px) {
    .index_about .about_left {
        width: 100%;
        height: auto;
        padding-bottom: 50px
    }
    .index_about .about_right {
        width: 100%;
    }
}

.con_xw_class {
    display: none
}

#con_xw_class_1 {
    display: block;
}

#xw_class1 {
    margin-left: 0px !important
}

.index_news_more {
    display: block;
    border: 1px solid #d97878;
    line-height: 22px;
    padding: 5px 15px;
    /*    background-color: #d80d1b;
*/
    color: #b31313;
    font-size: 14px;
    width: 70px;
    margin-top: -30px;
}

.index_news_more a {
    color: #d80d1b;
}

.index_news_more:hover {
    color: #fff;
    background-color: #d80d1b;
}




.arrow_r {
    position: relative;
    width: 15px;
    height: 30px;
    border: 1px solid #008CD4;
    background-color: #008CD4;
    float: left;
    font-size: 14px;
    text-align: center;
    color: #fff;
}

.arrow_r:before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    left: 16px;
    top: 12px;
    border-left: 6px solid #008CD4;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
}

.arrow_r1 {
    position: relative;
    width: 15px;
    height: 30px;
    border: 1px solid #47C6BD;
    background-color: #47C6BD;
    float: left;
    font-size: 14px;
    text-align: center;
    color: #fff;
}

.arrow_r1:before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    left: 16px;
    top: 12px;
    border-left: 6px solid #47C6BD;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
}


/* .box:after{
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    left: 200px;
    top: 23px;
    border-left: 7px solid #fff;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
} */

.hxjs_intro {
    text-align: center;
}

.hxjs_intro img {
    margin: 0px auto;
}